<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>护助汇</title>
    <link rel="stylesheet" href="../public/css/public.css">
    <link rel="stylesheet" href="css/caregiver.css">
</head>

<body>
    <!-- 公共部分开始 -->
    <div id="top">
        <div id="in-top-box">
            <div id="located-city">所在城市:
                <span id="city-name">北京</span> <span id="switch-city">[切换]</span>
            </div>
            <div id="login-register">
                <span id="login">登录</span>&nbsp;|&nbsp;<span id="register">注册</span>
            </div>
            <span id="center">个人中心</span>
            <span id="contact-us">联系我们</span>
        </div>
    </div>
    <div id="head">
        <div id="in-head-box">
            <div id="title">
                护助汇
            </div>
            <ul id="main-link">
                <li><a href="/care_font">首页</a></li>
                <li>找工作</li>
                <li class="active">找护工</li>
                <li>找经纪人</li>
            </ul>
        </div>
    </div>
    <!-- 公共部分结束 -->
    <div id="caregiver-select">
        <div id="img-box"><img src="../img/pic1.png" alt=""></div>
        <div id="select-box">
            <div id="select-title">筛选条件</div>
            <div id="selection-box">
                <ul id="select-experience">
                    <span>经验程度:</span>
                    <li data-index="0" class="active">不限</li>
                    <li data-index="1">1~5年</li>
                    <li data-index="2">5~10年</li>
                    <li data-index="3">10年以上</li>
                </ul>
                <ul id="select-age">
                    <span>年龄大小:</span>
                    <li data-index="0" class="active">不限</li>
                    <li data-index="1">20~30岁</li>
                    <li data-index="2">30~40岁</li>
                    <li data-index="3">40岁以上</li>
                </ul>
                <ul id="select-schooling">
                    <span>文化程度:</span>
                    <li data-index="0" class="active">不限</li>
                    <li data-index="1">小学</li>
                    <li data-index="2">初中</li>
                    <li data-index="3">高中</li>
                    <li data-index="4">高中以上</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="giver-content">
        <div id="giver-content-left">
            <span id="golden-giver-title">金牌阿姨</span>
            <div id="golden-giver-container">
            </div>
        </div>

        <div id="giver-content-right">
            <span id="next-page">下一页</span>
        </div>
    </div>
    <script src="/js/jquery.min.js"></script>
    <script src="js/caregiver.js"></script>
</body>

</html>
